<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale =1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>悦邻舍</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" href="../assets/css/common.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../assets/plugin/upload/cropper.css">
    <link rel="stylesheet" href="../assets/css/component.css">
    <link rel="stylesheet" href="../assets/css/submitShare.css">
</head>
<body >

<div id="pageApp">
    <div class="ykl-layout" v-cloak>
      <div class="share-form">
         <p class="share-title-item"> 
             <span class="form-item-title">共享标题</span>
             <input type="text" placeholder="请填写标题" v-model="shareTitle" maxlength="25">
         </p>
         <p class="share-cate-item">
             <span class="form-item-title">共享类别</span>
             <span class="radio-item" @click="checkShareCate(3)">
                 <i class="radio iconfont" :class="{checked:shareCateVal == 3,'icon-dagou':shareCateVal == 3}"></i>
                 生活服务
             </span>
             <span class="radio-item" @click="checkShareCate(4)">
                 <i class="radio iconfont" :class="{checked:shareCateVal == 4,'icon-dagou':shareCateVal == 4}"></i>
                 物有所用
             </span>
         </p>
         <p class="private-me-item">
             <span class="form-item-title">私信我</span>
             <span class="switch-btn"  @click="toggleSwitch" :class="{open:privateMeVal}">
                 <i></i>
             </span>
         </p>
         <p class="contact-way-item">
             <span class="form-item-title">联系方式</span>
             <input type="text" placeholder="请填写联系方式或截图" v-model="contactWay" maxlength="25">
         </p>
         <p class="upload-img-item">
             <span class="form-item-title">上传图片</span>
             <img v-for="item in imgList" class="share-img" :src="item">
             <span class="upload-icon" @click="uploadImg" v-if="uploadImgList.length < 3">
                 <i class="iconfont icon-add1"></i>
             </span>
         </p>
          <textarea placeholder="请输入备注（不超过200字）" v-model="remark"></textarea>
      </div>
      <p class="no-ad-tips">谢绝广告！</p>
      <div class="btn-wrapper">
        <p class="btn btn-blue btn-large" @click="submitShare">提交共享</p>
      </div>
    </div>
 </div>  
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/vue.min.js"></script>

    <script src="../assets/js/gkee.js"></script>
    <script src="../assets/js/gtr.js"></script>

    <script src="../assets/plugin/upload/cropper.js"></script>
    <script src="../assets/plugin/qCloud/crypto.js"></script>
    <script src="../assets/plugin/qCloud/cos-js-sdk-v4.js"></script>
    <script src="../assets/plugin/qCloud/qCloud.js"></script>
    <script src="../assets/plugin/upload/qcloud-cropper.js"></script>

    <script src="../assets/js/component.js"></script>
    <script src="../assets/js/submitShare.js"></script>
   
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../assets/js/collector.js"></script>
    <script src="../assets/js/wechat.js"></script>
    <script src="../assets/js/wechat-shared.js"></script>
    
    <script>
        wechat.ready(function () {
            initPage();
        });
    </script>
</body>
</html>

